<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<html>
	<%@include file="/common/fullFrame.jsp"%>
	<div id="loginFormContainer">
		<form action="" method="get" id="login">
			<table width="100%">
				<tr>
					<td width="45%" align="right">
						<label for="userName">
							<span class="required">用户名：</span>
						</label>
					</td>
					<td>
						<input id="userName" name=userName class="text required" type="text" />
					</td>
				</tr>
				<tr>
					<td width="45%" align="right">
						<label for="email">
							<span class="required">Email：</span>
						</label>
					</td>
					<td>
						<input name="email" type="password" class="text required email"
							id="email" minlength="4" maxlength="20" />
					</td>
				</tr>
				<tr>
					<td align="center" colspan="2">
						<button type="submit">
							发送邮件
						</button>
						<button type="button">
							向管理员申诉
						</button>
						<button id="toLoginBtn" type="button">
							返回登录页
						</button>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<link rel="stylesheet" type="text/css" href="../css/loginModule.css" />
	<script src="../common/jquery-validate/jquery.validate.js"	type="text/javascript"></script>
	<script src="../common/jquery-validate/localization/messages_cn.js"	type="text/javascript"></script>
	
	<script type="text/javascript">
		$(document).ready(function(){
			var elements = $("input[type!='submit'], textarea, select");
			elements.focus(function(){
				$(this).addClass('highlight');
			});
			elements.blur(function(){
				$(this).removeClass('highlight');
			});
			$("#login").validate();
			
			$("#toLoginBtn").click(function(){
				window.location.href="${pageContext.request.contextPath}/usermng/login.jsp";
			});
		})
	</script>

	<link href="../css/login.css" type="text/css" rel="stylesheet" />
</html>